<template>
  <div :style="{ color: activeColor, fontSize: fontSize + 'px' }">123</div>
  {{ getNum }}
</template>

<script setup lang='ts'>
import { useAttrs, ref, computed, watch } from 'vue';
const props = defineProps(['item'])
const getNum = computed(() => props.item.filter((val: object) => val.id % 2 === 0))
const activeColor = ref('green')
const fontSize = ref(30)

</script>

<style scoped lang='scss'></style>